<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/getconpon.css">
    <link rel="stylesheet" href="public/css/public.css">
    <link rel="stylesheet" href="fonts/css/font-awesome.min.css">
    <title>Document</title>
    <style>
        footer{
            font-size: .3rem;
        }
    </style>
</head>

<body>
    <!-- 遮罩层 -->
    <div class="mask hide">
        <ul class="mask_banner">
            <li class="fa fa-angle-left prev"></li>
            <li>
                <ul class="">
                    <li class="conter">
                        <img src="./images/kfc.jpg" alt="">
                    </li>
                </ul>
            </li>
            <li class="fa fa-angle-right next"></li>
        </ul>
    </div>
    <!-- 头部 -->
    <header>
        <a href="coupon.html"" class="back"></a>
        <div class="tlt">
            <h3>
                <span>肯德基</span>优惠券</h3>
        </div>
        <a href="#" class="app">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <!-- 提示 -->
    <section class="tip">
        <span>--点餐前出示手机中优惠券,即可享受优惠--</span>
    </section>
    <!-- 内容 -->
    <section class="content">
        <!--<div class="item">
            <div class="left">
                <a href="#" class="mask">
                    <img src="./images/kfc.jpg" alt="">
                </a>
            </div>
            <div class="right">
                <div class="txt">
                    <a href="#">THERMOS 膳魔师 F4011-BLY-DRM 儿童保温杯 350ml*3+凑单品</a>
                </div>
                <span class="price">
                    <i>￥</i>25</span>
                <span class="validity">
                    <a href="#">有效期至10月31日</a>
                </span>
                <span class="into"></span>
            </div>
        </div>
        </div> -->
    </section>
    <!-- 底部部分开始 -->
    <footer>
        <div class="foot_tit">
            <strong>品牌排行</strong>
            <i class="iconfont">&#xe72f;</i>
        </div>
        <div class="foot_user">
            <a href="javascript:;" class="foot_login">登录</a>
            <a href="javascript:;" class="foot_register">注册</a>
            <a href="javascript:;" class="foot_return">
                <i class="iconfont">&#xe648;</i>
                返回顶部
            </a>
        </div>
        <div class="foot_text">
            <div class="text_box">
                <span class="text_sp">手机APP下载</span>
                <span class="text_sp">慢慢买手机版</span>
                <span class="text_sp">--掌上比价平台</span>
            </div>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!-- 底部部分结束 -->
</body>
<script src="lib/zepto/zepto.js"></script>
<script src="lib/template/template-web.js"></script>
<script src="js/conpons.js"></script>

<script type="text/template" id="sss">
    {{each data value}}
    <div class="item">
        <div class="left">
            <a href="javascript:;" class="tcxc" id="{{value.couponProductId}}">
                {{@value.couponProductImg}}
            </a>
        </div>
        <div class="right">
            <div class="txt">
                <a href="#">{{value.couponProductName}}</a>
            </div>
            <span class="price">{{value.couponProductPrice}}</span>
            <span class="validity">
                <a href="#">
                    <span>{{value.couponProductTime}}</span>
                </a>
            </span>
            <span class="into"></span>
        </div>
    </div>
    {{/each}}
</script>

</html>